import React from 'react';
import './ShelfHead.css';
import { useNavigate } from "react-router-dom";
import { SearchOutline, ClockCircleOutline, AppOutline } from 'antd-mobile-icons'
function ShelfHead(props) {
   let navigate = useNavigate();
   return (
      <div className="shelf_head">
         <p className='head_book'>书架</p>
         <div className="head_icon">
            <SearchOutline color='#6D6D6D' onClick={()=>{navigate('/Search')}} fontSize={34}/>
            <ClockCircleOutline color='#6D6D6D' fontSize={30}/>
            <AppOutline color='#6D6D6D' fontSize={33}/>
         </div>
      </div>
   );
}

export default ShelfHead;